import { defineStore } from 'pinia'
import { ref } from 'vue'

const useHeaderStore = defineStore('header', () => {
  const isShowDrawer = ref<boolean>(false)

  const handleOpenDrawer = () => {
    isShowDrawer.value = true
  }
  const handleCloseDrawer = () => {
    isShowDrawer.value = false
  }

  return {
    isShowDrawer,
    handleOpenDrawer,
    handleCloseDrawer
  }
})

export default useHeaderStore
